<!DOCTYPE html>
<html lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<!--<meta name="viewport" content="width=640" />-->
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="">
	<meta name="format-detection" content="telephone=no">
	<title>我的简历</title>


	<link rel="stylesheet" type="text/css" href="css/style.css">
  <link rel="stylesheet" type="text/css" href="plugins/cropper/cropper.min.css">
	<link rel="stylesheet" type="text/css" href="plugins/cropper/sitelogo.css">
  <link rel="stylesheet" type="text/css" href="css/myresume.css">
</head>
<body>
	 <div class="layouts resumeBox" >
        
        <div class="head">
        <div class="resumeclear">
            <span class='resumespan'>预览简历</span>
        </div>
           <div class="bg">
               <div class="headbg">
                  <img src="images/photo.png" class='myhead'>
               </div> 
           </div>
           <p class='myname'> 
                 <span class='upload myupload'>
                   <input type="file" name="" id='myfile' style='display:none'>
                    更换头像
                 </span>
            </p>
           <p class='rate'><span class='des'>简历完整度 ：</span><span class='ratenum'>80%</span><span class='quote'></span></p>
     </div> 
     <div class="resumelist">
           <div class='infolist'>
               <div class="fir">
                     <a href='basic.html'>
                        <div class='l'>基本信息</div>
                        <div class="r">
                              <span>完整</span>
                        </div>
                      </a> 
               </div>
                  <div class="sec">
                        <a href='expect.html'>
                        <div class='l'>期望工作</div>
                        <div class="r">
                              <span class='noper'>不完善</span>
                        </div>
                      </a> 
               </div>
          </div>
          <div class='infolist'>
               <div class="fir">
                     <a href='education.html'>
                        <div class='l'>教育经历</div>
                        <div class="r">
                              <span>完整</span>
                        </div>
                      </a> 
               </div>
                  <div class="sec">
                        <a href='experience.html'>
                        <div class='l'>工作/实习经历 <span class='smallword'>( 选填 )</span></div>
                        <div class="r">
                              <span class='noper'>不完善</span>
                        </div>
                      </a> 
               </div>
          </div>
           <div class='infolist'>
               <div class="fir">
                     <a href='evaluation.html'>
                        <div class='l'>自我评价 <span class='smallword'>( 选填 )</span></div>
                        <div class="r">
                              <span class='noper'>不完善</span>
                        </div>
                      </a> 
               </div>
          </div>
     </div>
        
	 	<!-- 底部导航 -->
	 	<div class="nav">
	 		<ul class='nav_ul'>
	 			<li class='po'>
	 			   <a href='check.html' class='sep'>
	 			     <p><i><span class=''></span></i></p>
	 			   	 <div>职位</div>
	 			   </a>
	 			</li>
	 			<li class='in'>
	 			   <a href='#'>
	 			   	 <p><i><span class=''></span></i></p>
	 			   	 <div>消息</div>
	 			   </a>
	 			</li>
	 			<li class="re">
	 			    <a href='myresume.html'>
				       <p><i><span class=''></span></i></p>
				   	   <div class='sep'>简历</div>
	 			    </a>
	 			</li>
	 			<li class='me'>
	 			    <a href='my.html'>
	 			    	<p><i><span class=''></span></i></p>
	 			        <div>我的</div>
	 			    </a>
	 			</li>
	 		</ul>
	 	</div>
     <div class="model">
             <div class="modal fade" id="avatar-modal" aria-hidden="true" aria-labelledby="avatar-modal-label" role="dialog" tabindex="-1">
                <div class="modal-dialog modal-lg">
                  <div class="modal-content">
                    <!--<form class="avatar-form" action="upload-logo.php" enctype="multipart/form-data" method="post">-->

                    <form class="avatar-form">
                      <div class="modal-body">
                        <div class="avatar-body">
                          <div class="avatar-upload">
                            <input class="avatar-src" name="avatar_src" type="hidden">
                            <input class="avatar-data" name="avatar_data" type="hidden">
                            <label for="avatarInput"  class='gouload'>图片上传</label>
                            <button class="btn btn-danger choosetu"  type="button" onclick="$('input[id=avatarInput]').click();">请选择图片</button>
                            <button class="close" data-dismiss="modal" type="button">&times;</button>
                            <span id="avatar-name" style='display:none' ></span>
                            <input class="avatar-input hide" id="avatarInput" name="avatar_file" type="file" style='display: none'></div>
                          <div class="row">
                              <div class="avatar-wrapper"></div>
                              <div style='overflow:hidden'>
                                   <div class="avatar-preview preview-lg" id="imageHead"></div>
                              </div>
                          </div>
                          <div class="row avatar-btns">
                                <button class="btn btn-danger fa fa-undo" data-method="rotate" data-option="-90" type="button" title="Rotate -90 degrees"> 向左旋转</button>
                                <button class="btn  btn-danger fa fa-repeat" data-method="rotate" data-option="90" type="button" title="Rotate 90 degrees"> 向右旋转</button>
                          
                                 
                                  <button type="button" class="btn btn-danger fa fa-search-plus" data-method="zoom" data-option="0.1" title="放大图片">
                                    <!-- <span class="docs-tooltip" data-toggle="tooltip" title="" data-original-title="$().cropper(&quot;zoom&quot;, 0.1)"> -->
                                      <!--<span class="fa fa-search-plus"></span>-->
                                     放大图片
                                    <!-- </span> -->
                                  </button>
                                  <button type="button" class="btn btn-danger fa fa-search-minus" data-method="zoom" data-option="-0.1" title="缩小图片">
                                    <!-- <span class="docs-tooltip" data-toggle="tooltip" title="" data-original-title="$().cropper(&quot;zoom&quot;, -0.1)"> -->
                                      <!--<span class="fa fa-search-minus"></span>-->
                                      缩小图片
                                    <!-- </span> -->
                                  </button>
                                  <button type="button" class="btn btn-danger fa fa-refresh" data-method="reset" title="重置图片">
                                    <!-- <span class="docs-tooltip" data-toggle="tooltip" title="" data-original-title="$().cropper(&quot;reset&quot;)" aria-describedby="tooltip866214"> -->
                                      重置图片
                                    <!-- </span> -->
                                 </button>
                               
                            <div class="cun">
                              <button class="btn btn-danger btn-block avatar-save fa fa-save" type="button" data-dismiss="modal"> 保存修改</button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>

              <div class="loading" aria-label="Loading" role="img" tabindex="-1"></div>

    
     </div>
 </div>

  <script type="text/javascript" src='libs/jquery-1.7.2.js'></script>
  <script src='http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js'></script>
  <script type="text/javascript" src='plugins/cropper/cropper.min.js'></script>
  <script type="text/javascript" src='plugins/cropper/sitelogo.js'></script>
  <script src="plugins/cropper/html2canvas.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src='js/publiclog.js'></script>
	<script type="text/javascript" src='js/myresume.js'></script>
  

</body>
</html>